.main-bg{
    display: flex;
    flex-direction: column;
    background: white;
    .top{
        font-size: .1rem;
        font-weight: bold;
        margin-left: .1rem;
        margin-top: .1rem;
        display: flex;
        align-items: center;
        color: #2D2D2D;
        .back{
            width: .1rem;
            height: .1rem;
            margin-right: .05rem;
            display: flex;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
.main-detail{
   
    display: flex;
    margin-top: .0729rem;
    padding: .1rem;
    height: 2.9635rem;
    .main-left{
        flex: 3;
        height: 100%;
    }
    .main-right{
        flex: 1;
        border-top: 1px  solid #d2d7e0;
        border-right: 1px solid  #d2d7e0;
        border-bottom: 1px  solid #d2d7e0;
        padding-left: .1042rem;
        display: flex;
        flex-direction: column;
        background: #f5f8fe;
        .title{
             font-size: .0938rem;
             color: #2D2D2D;
             margin-top: .0625rem;
             font-weight: 600;
        }
        .main-sets{
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            height: 100%;
            margin-top: .125rem;
            .sets-part{
                padding-right: .1042rem;
                display: flex;
                font-weight: bold;
                align-items: center;
                justify-content: space-between;
                margin-bottom: .1rem;
                .play-icon{
                    margin-right: .0625rem;
                    display: flex;
                    align-items: center;
                    img{
                        width: .0938rem;
                        height: .0938rem;
                    }
                }
                .play-icon-right{
                    display: flex;
                    align-items: center;
                    margin-left: .0625rem;
                    img{
                        width: .0938rem;
                        height: .0938rem;
                    }
                }
                .sets-title{
                    flex:1;
                    margin-right: .1rem;
                    display: flex;
                    .les{
                        letter-spacing:1px;
                    }
                }
                .over{
                    width: 100%;
                }
                .sets-time{
                    font-size: .0621rem;
                }
                
            }

            .play{
                color: #3644BF;
                font-size: .0833rem;
                background: #e4edff;
                padding: .0625rem;
            }
            .noPlay{
                color: #2D2D2D;
                font-size: .0729rem;
            }
        }
    }
}

.bottom{
    display: flex;
    flex-direction: column;
    width: 60%;
    .part{
        margin-left: .1rem;
    }
    .part:nth-child(1){
          font-size: .125rem;
          color: #2D2D2D;
          font-weight: bold;
    }
    .part:nth-child(2){
        margin-top: .0729rem;
        font-size: .0729rem;
        overflow: hidden;
        height: .30rem;
        display: flex;
        flex-wrap: wrap;
        .tag{
          padding: .026rem .0625rem .026rem .0625rem;  
          margin-right: .0625rem;
          margin-bottom: .2rem;
        }
    }


}